<template>
  <div class="main-container">
    <p>
      预计5月3日至4日，北方有大风降温沙尘天气过程。受冷空气影响，3日至4日，长江以北大部地区有4-6级偏北风，阵风7-8级；气温下降4-6℃，其中，内蒙古中西部、山西局地降温8-10℃；青海北部、甘肃西部、宁夏、陕西中北部、内蒙古中西部以及华北北部等地有扬沙或浮尘天气，内蒙古中西部局地有沙尘暴。
      预计5月3日至4日，南方自北向南有一次较强雷雨天气过程。3日至4日，江汉、江淮、江南、华南中北部及西南地区东部有大到暴雨，局地大暴雨，上述局部地区伴有短时强降水、雷暴大风或冰雹等强对流天气；黄淮南部及以南大部地区累积降雨量有30-60毫米，湖北东部、湖南、江西、浙江南部、福建西部、广西北部等地的部分地区降雨量有80-120毫米。
      此外，四川西南部、云南西北部及华北北部、东北地区等地森林草原火险气象等级较高，要格外注意用火安全。
    </p>
    <p>
      预计5月3日至4日，北方有大风降温沙尘天气过程。受冷空气影响，3日至4日，长江以北大部地区有4-6级偏北风，阵风7-8级；气温下降4-6℃，其中，内蒙古中西部、山西局地降温8-10℃；青海北部、甘肃西部、宁夏、陕西中北部、内蒙古中西部以及华北北部等地有扬沙或浮尘天气，内蒙古中西部局地有沙尘暴。
      预计5月3日至4日，南方自北向南有一次较强雷雨天气过程。3日至4日，江汉、江淮、江南、华南中北部及西南地区东部有大到暴雨，局地大暴雨，上述局部地区伴有短时强降水、雷暴大风或冰雹等强对流天气；黄淮南部及以南大部地区累积降雨量有30-60毫米，湖北东部、湖南、江西、浙江南部、福建西部、广西北部等地的部分地区降雨量有80-120毫米。
      此外，四川西南部、云南西北部及华北北部、东北地区等地森林草原火险气象等级较高，要格外注意用火安全。
    </p>
    <p>
      预计5月3日至4日，北方有大风降温沙尘天气过程。受冷空气影响，3日至4日，长江以北大部地区有4-6级偏北风，阵风7-8级；气温下降4-6℃，其中，内蒙古中西部、山西局地降温8-10℃；青海北部、甘肃西部、宁夏、陕西中北部、内蒙古中西部以及华北北部等地有扬沙或浮尘天气，内蒙古中西部局地有沙尘暴。
      预计5月3日至4日，南方自北向南有一次较强雷雨天气过程。3日至4日，江汉、江淮、江南、华南中北部及西南地区东部有大到暴雨，局地大暴雨，上述局部地区伴有短时强降水、雷暴大风或冰雹等强对流天气；黄淮南部及以南大部地区累积降雨量有30-60毫米，湖北东部、湖南、江西、浙江南部、福建西部、广西北部等地的部分地区降雨量有80-120毫米。
      此外，四川西南部、云南西北部及华北北部、东北地区等地森林草原火险气象等级较高，要格外注意用火安全。
    </p>
  </div>
</template>

<script>
export default {
  name: 'scrollIntoViewD',
  methods: {
    // TIPS：页面（容器）可滚动时才有用！
    // Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。
    // element.scrollIntoView() 参数默认为true。
    // 参数为true时调用该函数，页面（或容器）发生滚动，使element的顶部与视图（容器）顶部对齐；
    // 参数为false时，使element的底部与视图（容器）底部对齐。
    // document.getElementById("pToShow").scrollIntoView(); 滚动到顶部
    // document.getElementById("pToShow").scrollIntoView(false); 滚动到底部
    scrollIntoView() {
      // todo
    }
  },
  mounted() {
    const dom = document.querySelector('.main-container');
    dom.scrollIntoView(false);
  }
};
</script>

<style lang="scss" scoped>
.main-container {
  font-size: 20px;
  padding: 10px;
}
</style>
